<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<style>
    div {
        color: black;
        font-size: 30px;
    }

    div {
        color: green;
        font-weight: 500;
    }
</style>

<body>
    <!-- 
        如果不小心设置了两个div，相同的属性会覆盖，后定义的覆盖先定义的（就近原则）
        如果属性不同，会叠加，都会生效
    -->
    <div>div标签</div>
</body>

</html>